<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Dengo - Home</title>
<link rel="shortcut icon" href="img/icono.ico" />
<link href="styles/rondabout.css" rel="stylesheet" type="text/css" />
<link href="styles/index.css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="functions/js/preferencias.js"></script>

<script>
function buscar() {
    if (document.getElementById('buscar').value != "" && document.getElementById('buscar').value != "Buscá un tema") {
		location.href= "buscar.php?keyword=" + document.getElementById('buscar').value;
		return false;
	}
}
</script>

</head>

<body>

	<div id="fb-root"></div>
	<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>



	<div id="cabecera">
		<div id="fondoCabecera">
			<img src="img/fondoCabecera.jpg" border="0" usemap="#logoMap"
				class="imagenFondoCabecera">
			<map name="logoMap">
				<area shape="circle" coords="118,77,91" href="index.php">
			</map>
		</div>
		<?php include_once('functions/obtener_str_fecha_hora.php') ?>
		<div id="textoCabecera">
			<label class="fechaYHora"><?php echo obtener_str_fecha_hora();?> </label>
			<p>&nbsp;</p>
			<p>La objetividad la armás vos...</p>
		</div>

		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>
		
		
		<div class="fb-like" data-send="false" data-layout="button_count"
			data-width="450" data-show-faces="false"></div>
		</p>

		<div style='width: 180px; height: 100px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/silver_180x150_bg.jpg ); background-repeat: no-repeat; position: absolute; left: 510px; top: 10px; background-color: #86888B;'>
			<div id='NetweatherContainer' style='height: 138px;'>
				<script
					src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=whteYell&logo=1&zipcode=SAM|AR|AR007|BUENOS AIRES|&lang=esp&size=8&theme=silver&metric=1&target=_self'></script>
			</div>
			<div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color: #FFFFFF;'>
				
			</div>
		</div>

	</div>

	<div id="barraDeBusqueda">
		<input id="buscar" type="text" class="inputBox"
			onClick="if(this.value=='Buscá un tema') this.value=''"
			value="Buscá un tema" /><img src="img/searchButton.jpg"
			onClick="buscar();" class="searchButton">

		<div id="barraPreferencias" class="barraPreferencias">
			<input id="botonPreferencias" type="button" class="botonPreferencias" onClick="mostrarMenuPreferencias()" />
	
			<div class="menuPreferencias" id="menuPreferencias">
				<form id="formPreferences">
				<h2>Preferencias</h2>
				<?php
					include_once('properties/rss_feeds.php');
					foreach ($vector_diarios as $nombre){
							echo '<p><input id="checkbox" type="checkbox">' . $nombre;

						}
				?>
				<p><button type="button" onClick="mostrarMenuPreferencias()">Cerrar</button>
				</form>
			</div>
		</div>
	</div>

	<div id="cuerpo">

		Seleccioná un diario para ver todas sus noticias

		<div align="left" id="carousel">
			<ul>
				<li><a href="diario.php?diario=clarin"><img src="img/1.jpg"
						alt="Clarin" /> </a></li>
				<li><a href="diario.php?diario=lanacion"><img src="img/2.jpg"
						alt="La Nación" /> </a></li>
				<li><a href="diario.php?diario=pagina12"><img src="img/3.jpg"
						alt="Página 12" /> </a></li>
				<li><a href="diario.php?diario=infonews"><img src="img/5.jpg"
						alt="Infonews" /> </a></li>
				<li><a href="diario.php?diario=infobae"><img src="img/infobae.jpg"
						alt="Infobae" /> </a></li>
				<li><a href="diario.php?diario=larazon"><img src="img/6.jpg"
						alt="La Razón" /> </a></li>
				<li><a href="diario.php?diario=minutouno"><img src="img/7.jpg"
						alt="MinutoUno" /> </a></li>
				<li><a href="diario.php?diario=telam"><img src="img/8.jpg"
						alt="Télam" /> </a></li>
			</ul>
		</div>
	</div>

	<div id="barraInferior">
		 <table align="center" width="700" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td align="center" width="250">2013 - Dengo <br> 
       Contacto: dengo.web@gmail.com </td>
       <td ><div align="right" class="fb-follow" data-href="http://www.facebook.com/pages/Dengo/401447709954306?cropsuccess&success=1" data-show-faces="true" data-width="450"></div></td>
     </tr>
   </table>
		<p>&nbsp;</p>
	</div>
	<p>&nbsp;</p>

	<script src="lib/jquery.js"></script>
	<script src="lib/jquery.roundabout.js"></script>
	<script src="lib/jquery.event.drag-2.2.js"></script>
	<script src="lib/jquery.event.drop-2.2.js"></script>
	<script>
   $(document).ready(function() {
      $('ul').roundabout({
        enableDrag: true
		//autoplay: true,
		//autoplayDuration: 5000,
		 
      });
   });
	</script>

</body>
</html>
